<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>登录</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="${ctxPath}/static/layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="${ctxPath}/static/styles/font-awesome/css/font-awesome.min.css" media="all"/>
    <link rel="stylesheet" href="${ctxPath}/static/styles/login.css" media="all"/>
</head>
<body class="login-page">
<div class="login-box">
    <h1 class="login-title">SnowEagle</h1>
    <form id="loginForm" class="layui-form login-form" action="${ctxPath}/login" method="post" error-msg="${tool.outputErrorMsgToPage()}"  ctx="${ctxPath}">
        <div class="layui-form-item">
            <span class="input-icon"><i class="fa fa-user"></i></span>
            <input class="layui-input" name="username" placeholder="用户名" lay-verify="required|username" type="text"
                   autocomplete="off">
        </div>
        <div class="layui-form-item">
            <span class="input-icon"><i class="fa fa-key"></i></span>
            <input class="layui-input" name="password" placeholder="密码" lay-verify="required|password" type="password"
                   autocomplete="off">
        </div>

        @if(kaptcha.getKaptchaOnOff() == true){
        <div class="layui-form-item form_code">
            <input class="layui-input" name="kaptcha" placeholder="验证码" lay-verify="required" type="text"
                   autocomplete="off">
            <div class="code"><img src="${ctxPath}/kaptcha" id="kaptcha" width="116" height="36" lay-filter="kaptcha">
            </div>
        </div>
        @}

        <button class="layui-btn login-btn" lay-submit="" lay-filter="login"><i class="fa fa-arrow-right"></i></button>
    </form>
</div>
<script src="${ctxPath}/static/scripts/common/jquery.min.js?v=2.1.4"></script>
<script type="text/javascript" src="${ctxPath}/static/layui/layui.all.js"></script>
<script type="text/javascript" src="${ctxPath}/static/scripts/common/snoweagle.js"></script>
<script type="text/javascript" src="${ctxPath}/static/scripts/login.js"></script>
<script>
    //解决iframe下系统超时无法跳出iframe框架的问题
    if (window != top) {
        top.location.href = location.href;
    }
    var SNOWEAGLE_CONFIG = {"ctxPath": '${ctxPath}'};
</script>
</body>
</html>